<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>修饰缩进转换</title>
        <style>
           #one{
            text-decoration: underline overline;
            text-transform: capitalize;
            text-indent: 20px;
           }
           #two{
            text-transform: uppercase;
           }
        </style>
    </head>
    <body>
        <div id="one">
            this is the first line.
        </div>
        <div id="two">
            this is the second line.
        </div>
    </body>
</html>